<template>
  <div class="repository">
    <img class="repository_img" :src="showImage" alt="展示图">
    <h1>该功能尚在开发中...</h1>
    <el-button @click="reback">返回</el-button>
  </div>
</template>

<script>
import { MapImage, DocImage, SynergyImage, KnowledgeImage } from "./data"

export default {
  name: "Repository",
  computed: {
    showImage() {
      const type = this.$route.query.type
      switch(type) {
        case "map":
          return MapImage
        case "doc":
          return DocImage
        case "synergy":
          return SynergyImage
        case "knowledge":
          return KnowledgeImage
      }
    }
  },
  methods: {
    reback() {
      this.$router.go(-1)
    }
  }
};
</script>

<style lang="scss" scoped>
.repository {
  text-align: center;
  padding-top: 20px;
  &_img {
    width: 60%;
  }
}
</style>
